/* Neste CSS devem ficar definições de estilo que não considerem cores. Algum dia, cores aqui
devem ser movidas para arquivos específicos de tema. A recomendação é usar a nomenclatura "LayoutXX"
onde XX seria o identificador do elemento. Em arquivos de tema devemos fazer algo semelhante, por
exemplo, usar TemaXX. Dessa forma ao criar o HTML devemos sempre usar duas definições de classes:

class="LayoutXX TemaXX"

Fazendo isso, podemos mudar o esquema de cores e manter cada coisa em seu lugar */
div.LayoutRelogioRemoto {
  right: 0px;
  text-align: center;
  position: absolute;
  font: normal normal bold 13px Arial, Helvetica, sans-serif;
  /*padding-top: 1px;*/
  height: 34px;
  width: 100px;
  border-left-width: 2px;
  border-left-style: solid;
}

/*div.LayoutRelogioLocal {
  right: 102px;
  text-align: center;
  position: absolute;
  font: normal normal bold 13px Arial, Helvetica, sans-serif;
  padding-top: 1px;
  height: 33px;
  width: 100px;
  border-left-width: 2px;
  border-left-style: solid;
}*/

div.LayoutIndicador {
  position: absolute;
  top: 34px;
  left: 0px;
  width: 59px;
  height: 1px;
}

div.LayoutLocalizador {
  position: absolute;
  top: 36px;
  right: 0px;
  padding-right: 5px;
  font: normal normal bold 13px Arial, Helvetica, sans-serif;
}

div.LayoutBodyConteudo {
  width: 924px; /* deveria ser 926, mas como temos bordas de 1px, então aumenta + 2, tornando 926px */
  margin: 10px;
  border-width: 1px;
  border-style: dotted;
}

div.LayoutBodyConteudoTexto {
  margin: 10px;
  padding: 10px;
  border-width: 0px;
  border-style: solid;
  font: normal normal normal 12pt/normal Arial, Helvetica, sans-serif;
}

div.LayoutAuctionNavigator {
  width: 924px; /* deveria ser 926, mas como temos bordas de 1px, então aumenta + 2, tornando 926px */
  border-width: 1px;
  border-style: dotted;
}

div.LayoutAuctionNavigatorContents {
  margin: 10px;
  padding: 10px;
  border-width: 0px;
  border-style: solid;
  font: normal normal normal 12pt/normal Arial, Helvetica, sans-serif;
}


div.LayoutAcesso {
  margin-left: 5px;
  width: 307px;
  height: 112px;
  float: left;
  border-width: 1px;
  border-style: dotted;
}

div.LayoutAcessoConteudo {
  margin: 10px;
  height: 90px;
  border-width: 1px;
  border-style: solid;
  font: normal normal normal 10pt/normal Arial, Helvetica, sans-serif;
  overflow: hidden;  /* Se o conteúdo for maior que o container, corta a parte que ficaria para fora */
}

/* == Linha dos Parceiros (início) ============================================================== */
div.LayoutLayerParceiros {
  padding: 5px;
  border-width: 2px;
  border-style: solid;
  background-repeat: repeat-x;
  background-position: center;
}

div.LayoutParceiros {
  border-width: 1px;
  border-style: dotted;
  padding: 10px;
}

div.LayoutConteudoParceiros {
  border-width: 1px;
  border-style: solid;
  padding: 10px;
}
/* == Linha dos Parceiros (fim) ================================================================= */

/* == informação de créditos (início) =========================================================== */
div.LayoutCreditosDisponiveis {
  text-align: center;
  background-repeat: repeat-x;
  background-position: center;
  font: normal normal normal 18pt/normal Arial, Helvetica, sans-serif;
  height: 31px;
  line-height: 31px;
}
/* == informação de créditos (início) =========================================================== */

h1.LayoutTitulo {
  text-align: center;
}

h2.LayoutTitulo {
  text-align: center;
}

/* não baseados em classe. redefinições globais */
p {
  text-align: justify;
}

p:first-letter {
  margin-left: 1.5cm;
}
